body, header, section, div, nav, ul, li, a, p, aside, footer {
  margin: 0;
  padding: 0; }

body {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4; }
  body header {
    display: inline-block;
    width: 75%;
    margin: 0 170px; }
    body header img {
      max-width: 100%;
      max-height: 100%; }
    body header div.select {
      display: inline-block;
      position: relative;
      left: 70%;
      margin-top: 1%; }
      body header div.select #language {
        font-size: 0.7em;
        float: right; }
      body header div.select #currency {
        font-size: 0.7em;
        width: 35%;
        float: right;
        margin-right: 2%; }
    body header div.logo-container {
      width: 14%;
      display: inline-block;
      float: left;
      position: relative;
      left: 4%; }
      body header div.logo-container img {
        display: inline-block; }
    body header div.reg-container {
      margin-top: 1%;
      width: 22%;
      display: inline-block;
      float: right;
      position: relative;
      color: #7D9D22; }
      body header div.reg-container label {
        font-weight: bold; }
      body header div.reg-container input {
        color: white;
        background: #7d9d22;
        background: -moz-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #7d9d22), color-stop(100%, white));
        background: -webkit-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -o-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -ms-linear-gradient(top, #7d9d22 70%, white 100%);
        background: linear-gradient(to bottom, #7d9d22 70%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$prime-color', endColorstr='$second-color',GradientType=0 );
        border: none;
        border-radius: 5px;
        padding: 1%;
        width: 64%; }
      body header div.reg-container .pass #pass {
        margin-left: 1.3%; }
      body header div.reg-container .log {
        margin-top: 3%;
        width: 33%;
        display: inline-block;
        float: right;
        background: #7D9D22;
        border-radius: 5px;
        font-weight: bold; }
        body header div.reg-container .log:last-of-type {
          margin-right: 2%; }
        body header div.reg-container .log a {
          text-align: center;
          display: block;
          color: white;
          text-decoration: none;
          padding: 7% 15%; }
  body .main {
    display: block;
    width: 75%;
    margin: 20px auto 0 auto; }
    body .main .label ul {
      display: block;
      padding: 0;
      width: auto;
      height: auto; }
      body .main .label ul li {
        list-style-type: none;
        display: inline-block;
        margin-left: 20px; }
      body .main .label ul label img {
        width: 150px;
        height: 100px; }
    body .main .radio ul li {
      list-style-type: none; }
    body .main .radio ul input[type="radio"] {
      display: none; }
      body .main .radio ul input[type="radio"]:checked + .footwear {
        opacity: 1;
        -webkit-transition: opacity 0.8s ease-in-out;
        -moz-transition: opacity 0.8s ease-in-out;
        -o-transition: opacity 0.8s ease-in-out;
        transition: opacity 0.8s ease-in-out; }
    body .main .footwear {
      margin-top: 10px;
      display: inline-block;
      position: absolute;
      left: 300px;
      opacity: 0;
      width: 800px;
      height: 500px; }

